一、写在前面
本站使用的主题是基于Hexo Next二次开发而成的。虽然搭建耗时较短,但由于不太熟悉其模板文件导致二次开发需要持续进行下去。
博主本人具有一定的js和css的基础,所以可以选择性抛弃其原有的一些样式而使用自己编写的样式和动画美化页面,个性化设置会一直进行下去,后期可能的话也会像其他博主一样更新美化教程。
由于博主本人是第一次使用Markdown语法发布文章,对其用法还不太熟悉,所以此篇文章包括之前的一篇文章在格式排版上面都表现
得不是很好太美观。这一点怎么说呢……嗯…估计有点不符合编程人员的要求吧(PS:写了几年代码很少发过技术贴,但是博主已经深刻意识到这一点,后面会一定会做出改变!)。
二、搭建过程概述
(1). 环境要求: Node.js + Git管理工具 + IntelliJ IDEA + Hexo主题 + github代码社区
(2). 软件下载: Node.js下载地址: https://nodejs.org/en/,下载后安装全部默认即可。
git下载地址: https://git-scm.com/downloads,根据自己电脑下载对应版本,安装全部默认即可。
idea下载地址: https://www.jetbrains.com/idea/download/#section=windows,下载免费版本或者百度搜索破解版。
Hexo主题下载地址: https://hexo.io/zh-cn/,挑选自己喜欢主题在Git终端中克隆即可。
github地址: https://github.com/,注册账号并创建仓库。
注: 具体安装细节网上有详细教程,另附我参考得网址http://www.youmeek.com/。
(3). 工具设置: 博客主题源更换以及美化编辑器都是idea,不得不说idea的确是一个非常强大的工具,此间为了方便博客的发布,特地将
idea终端从默认的cmd转向了git,极大的方便了本地测试和发布。终端修改步骤为:File–>Setting–>Tools–>Terminal,然后
在安装位置选择git bash.exe即可。
(4). 主题美化: 博客主题一般都是直接克隆的Hexo主题,我是用的Hexo Next主题。
一般修改和美化的几个主要地方如下:
1、主目录下的_config.yml以及主题目录下的_config.yml;
2、主题下的layout目录下的swig文件,有些主题时ejs文件;
3、主题下的css文件夹—>_custom文件夹下的custom.styl文件;
4、主题下的js文件夹下的文件;
(5). 常用命令: 一般修改之后发布需遵循 hexo clean –> hexo generate –> hexo deploy 三步;若只是简单的美化和发布文章在本地
测试只需输入 hexo server 命令;若配置文件修改了在本地测试同样需要输入发布的前两个命令。
三、文章发布
(1). md文件编辑器配置: 在idea中插件中搜索Markdown Navigator安装重启即可。
(2). Markdown语法: 语法参考 https://www.jianshu.com/p/191d1e21f7ed。
四、写在最后
其实之前搭建过一次博客,并且自己也有编程基础,所以途中并没有遇到什么特别大的过不去的坎,也感谢那些帮我解决问题的人,另
外特别感谢我师傅,丰富的经验让我很是膜拜!!!
后续会不断完善此博客,也会陆续更新帖子,励志成为一个技术大牛(PS:梦想还是要有的!)。
附上一位感觉特别厉害的博主reuixiy,里面有一篇“打造个性超赞博客Hexo+NexT+GitHubPages的超深度优化”的博客详细介绍了所有步骤,值得深入学习。